<!doctype html>
<html>

<head>
  <title>Asset Management</title>
  <meta charset="utf-8">
  <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
  <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
    crossorigin="anonymous">
  <script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
  <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
    crossorigin="anonymous"></script>
</head>

<body>
  <header class="header">
    <div class="header-top">
      <div class="containers">
        <div class="left">
          <img src="../../images/tips.png" alt="">
          <span>优品汇售后退还无忧服务上线</span>
        </div>
        <div class="right">
          <a href="./login.html">请先登录&nbsp;&nbsp;| </a>
          <a href="./register.html">&nbsp;&nbsp;免费注册&nbsp;&nbsp;|</a>
          <a href="./myorder.html">&nbsp;&nbsp;我的订单&nbsp;&nbsp;|</a>
          <a href="./helpcenter.html">&nbsp;&nbsp;帮助中心&nbsp;&nbsp;|</a>
          <a href="">&nbsp;&nbsp;在线客服&nbsp;&nbsp;|</a>
          <a href="">
            <img src="../../images/phone.png" alt="">
            <span>手机版</span>
          </a>
        </div>
      </div>
    </div>
    <div class="header-bottom">
      <div class="containers">
        <img src="../../images/logo.png" alt="" class="logo">
        <div class="name">
          <div class="name-top">净水器</div>
          <div class="name-bottom">惠聚优质商品</div>
        </div>
        <ul>
          <li>
            <span class="active">
              <a href="./index.html">首页</a>
            </span>
          </li>
          <li>
            <span>
              <a href="./waterpurifier.html">净水器</a>
            </span>
          </li>
          <li>
            <span>
              <a href="./directlywater.html">直饮水</a>
            </span>
          </li>
          <li>
            <span>
              <a href="./watercheck.html">水质查询</a>
            </span>
          </li>
          <li>
            <span>
              <a href="./applyinstall.html">申请安装</a>
            </span>
          </li>
          <li>
            <span>
              <a href="./applyfix.html">申请维修</a>
            </span>
          </li>
        </ul>
        <div style="position: relative;display: inline-block">
          <input type="text" placeholder="输入商品关键词">
          <img src="../../images/search.png" alt="" class="search-img" onclick="window.location.href='./search.html'">
        </div>
        <span class="mycar">我的购物车</span>
        <img src="../../images/bag.png" alt="" class="bag">
      </div>
    </div>
  </header>
  <div class="contents">
    <div class="breadCrumbs">
      <div class="containers">
        首页 > 净水器 > AO史密斯400C4 厨房过滤家用净水器
      </div>
    </div>
    <div class="detail-board containers flex">
      <div class="left">
        <div class="img-group flex">
          <img src="../../images/product2.png" alt="" class="big-img">
          <div class="img-small-group">
            <img src="../../images/product2.png" alt="" class="active">
            <img src="../../images/product2.png" alt="">
            <img src="../../images/product2.png" alt="">
            <img src="../../images/product2.png" alt="">
          </div>
        </div>
        <div class="detail-group flex space-between y-center">
          <div class="item">
            <img src="../../images/hot.png" alt="" class="hot">
            <div>销量人气</div>
            <div class="number">999+</div>
          </div>
          <div class="item">
            <img src="../../images/good.png" alt="" class="hot">
            <div>商品评价</div>
            <div class="number">999+</div>
          </div>
          <div class="item">
            <img src="../../images/star.png" alt="" class="hot">
            <div>收藏人气</div>
            <div class="number">999+</div>
          </div>
          <div class="item">
            <img src="../../images/diamond.png" alt="" class="hot">
            <div>品牌信息</div>
            <div class="number">Hugo Boss+</div>
          </div>
        </div>
      </div>
      <div class="right">
        <div class="bigname">AO史密斯400C4 厨房过滤家用净水器</div>
        <div class="name">匠心材质 净水器专家</div>
        <div class="price-container">
          <p>商品编号：4970089</p>
          <p>商品简介：主机×1、储水桶×1、水管×1、高端龙头×1、滤瓶扳手×1、膜壳扳手×1、安装及使用说明书×1、尼龙扎带5根）</p>
        </div>
        <div class="select-item">
          <span class="pay-type">按月支付</span>
          <span class="red">119</span>元/月（首次充值3个月起付 押金800元）
        </div>
        <div class="select-item active">
          <span class="pay-type">按月支付</span>
          <span class="red">119</span>元/月（首次充值3个月起付 押金800元）
        </div>
        <div class="select-item">
          <span class="pay-type">按月支付</span>
          <span class="red">119</span>元/月（首次充值3个月起付 押金800元）
        </div>
        <div class="select-item">
          <span class="pay-type">按月支付</span>
          <span class="red">119</span>元/月（首次充值3个月起付 押金800元）
        </div>
        <div class="btn-group flex">
          <div class="add-car flex y-center x-center">
            <img src="../../images/car-detail.png" alt="">
            <span>加入购物车</span>
          </div>
          <div class="buy-now">立即购买</div>
        </div>
      </div>
    </div>
    <div class="recommend containers">
      <div class="titles">
        <span>同类商品推荐</span>
      </div>
      <div class="flex">
        <div class="product-item3">
          <img src="../../images/product2.png" alt="">
          <div class="title">
            卫宁家用净水器直饮大流量中央净水机厨房自来水过滤器卫宁家用净水器直饮大流量中央净水机厨房自来水过滤器
          </div>
          <div class="text-right flex y-center space-between">
            <div class="red">￥1788</div>
          </div>
          <img src="../../images/red.png" alt="" class="bg">
          <span class="discount">
            九折
          </span>
        </div>
        <div class="product-item3">
          <img src="../../images/product2.png" alt="">
          <div class="title">
            卫宁家用净水器直饮大流量中央净水机厨房自来水过滤器卫宁家用净水器直饮大流量中央净水机厨房自来水过滤器
          </div>
          <div class="text-right flex y-center space-between">
            <div class="red">￥1788</div>
          </div>
          <img src="../../images/red.png" alt="" class="bg">
          <span class="discount">
            九折
          </span>
        </div>
        <div class="product-item3">
          <img src="../../images/product2.png" alt="">
          <div class="title">
            卫宁家用净水器直饮大流量中央净水机厨房自来水过滤器卫宁家用净水器直饮大流量中央净水机厨房自来水过滤器
          </div>
          <div class="text-right flex y-center space-between">
            <div class="red">￥1788</div>
          </div>
          <img src="../../images/red.png" alt="" class="bg">
          <span class="discount">
            九折
          </span>
        </div>
        <div class="product-item3">
          <img src="../../images/product2.png" alt="">
          <div class="title">
            卫宁家用净水器直饮大流量中央净水机厨房自来水过滤器卫宁家用净水器直饮大流量中央净水机厨房自来水过滤器
          </div>
          <div class="text-right flex y-center space-between">
            <div class="red">￥1788</div>
          </div>
          <img src="../../images/red.png" alt="" class="bg">
          <span class="discount">
            九折
          </span>
        </div>
      </div>
    </div>
    <div class="detail-detail">
      <div class="containers flex">
        <div class="left">
          <div class="top flex y-center space-between">
            <div class="top1">
              <span class="span">商品详情</span>
            </div>

            <div class="div">
              <img src="../../images/review.png" alt="" class="edit">
              <span>商品评价 </span>
              <span class="red">999+</span>
            </div>
          </div>

          <div class="table">
            <div class="rows flex space-between">
              <div class="group flex">
                <div class="group-left">产品名称</div>
                <div class="group-right">史密斯净水器</div>
              </div>

              <div class="group flex">
                <div class="group-left">型号</div>
                <div class="group-right">TR500-C4</div>
              </div>

              <div class="group flex">
                <div class="group-left">分类</div>
                <div class="group-right">净水机</div>
              </div>
            </div>
            <div class="rows flex space-between">
              <div class="group flex">
                <div class="group-left">颜色</div>
                <div class="group-right">颜色</div>
              </div>

              <div class="group flex">
                <div class="group-left">功效</div>
                <div class="group-right">直饮-C4</div>
              </div>

              <div class="group flex">
                <div class="group-left">使用位置</div>
                <div class="group-right">终端净水</div>
              </div>
            </div>
            <div class="rows flex space-between">
              <div class="group flex">
                <div class="group-left">品牌</div>
                <div class="group-right">史密斯</div>
              </div>

              <div class="group flex">
                <div class="group-left">工作原理</div>
                <div class="group-right">反渗透</div>
              </div>

              <div class="group flex">
                <div class="group-left">上市年份</div>
                <div class="group-right">2017年冬季</div>
              </div>
            </div>
          </div>

          <div class="img-detail">
            <img src="../../images/product2.png" alt="">
            <img src="../../images/product2.png" alt="">
          </div>
        </div>
        <div class="right">
          <div class="top-title">
            24小时热销榜
          </div>
          <div class="product-item3">
            <img src="../../images/product2.png" alt="">
            <div class="title">
              卫宁家用净水器直饮大流量中央净水机厨房自来水过滤器卫宁家用净水器直饮大流量中央净水机厨房自来水过滤器
            </div>
            <div class="text-right flex y-center space-between">
              <div class="red">￥1788</div>
            </div>
            <img src="../../images/red.png" alt="" class="bg">
            <span class="discount">
              九折
            </span>
          </div>
          <div class="product-item3">
            <img src="../../images/product2.png" alt="">
            <div class="title">
              卫宁家用净水器直饮大流量中央净水机厨房自来水过滤器卫宁家用净水器直饮大流量中央净水机厨房自来水过滤器
            </div>
            <div class="text-right flex y-center space-between">
              <div class="red">￥1788</div>
            </div>
            <img src="../../images/red.png" alt="" class="bg">
            <span class="discount">
              九折
            </span>
          </div>
        </div>
      </div>

      <div class="warning containers">
        <div class="warning-content">
          <div class="title">
            <span>注意事项</span>
          </div>
          <div class="content">
            <div class="block">
              <p>• 购买运费如何收取？</p>
              <p>单笔订单金额(不含运费)满88元免邮费；不满88元，每单收取10元运费。（港澳台地区需满500元免邮费；不满500元，每单收取30元运费)</p>
            </div>

            <div class="block">
              <p>• 使用什么快递发货?</p>
              <p>默认使用顺丰快递发货(个别商品使用其他快递）</p>
              <p>配送范围覆盖全国大部分地区(港澳台地区除外）。</p>
            </div>

            <div class="block">
              <p>• 如何申请退货?</p>
              <p>1.自收到商品之日起30日内，顾客可申请无忧退货，退款将原路返还，不同的银行处理时间不同，预计1-5个工作日到账；</p>
              <p>2.内裤和食品等特殊商品无质量问题不支持退货；</p>
              <p>3.退货流程：</p>
              <p>确认收货-申请退货-客服审核通过-用户寄回商品-仓库签收验货-退款审核-退款完成；</p>
              <p>4.因优品汇产生的退货，如质量问题，退货邮费由优品汇承担，退款完成后会以现金券的形式报销。因客户个人原因产生的退货，购买和寄回运费由客户个人承担。</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>




  <footer class="footer">
    <div class="footer-top containers flex space-between">
      <div class="item">
        <div class="title text-center">客户服务</div>
        <div class="flex space-between">
          <div class="img-group">
            <img src="../../images/serve.png" alt="" class="serve-img">
            <div>在线客服</div>
          </div>
          <div class="img-group">
            <img src="../../images/question.png" alt="" class="qusetion-img">
            <div>问题反馈</div>
          </div>
        </div>
      </div>
      <div class="item">

        <div class="title text-center">关注我们</div>
        <div class="flex space-between">
          <a class="img-group">
            <img src="../../images/wechat.png" alt="" class="weixin-img">
            <div>公众号</div>
          </a>
          <a class="img-group">
            <img src="../../images/webo.png" alt="" class="weibo-img">
            <div>微博</div>
          </a>
        </div>
      </div>
      <div class="item">
        <div class="title text-center">下载APP</div>
        <div class="flex space-between">
          <img src="../../images/20170104103647314.png" alt="" class="code">
          <div class="text-group">
            <div>扫描二维码查看</div>
            <div>移动版原型效果</div>
          </div>
        </div>
      </div>
      <div class="item">
        <div class="title text-center">下载APP</div>
        <div class="green text-center">400-0000-000</div>

        <div class="text-center date">周一至周日：8:00-18:00</div>
        <div class="text-center">(仅收市话费)</div>

      </div>
    </div>
    <div class="footer-bottom">
      <div class="containers advantage flex y-center space-between">
        <div class="item flex y-center">
          <img src="../../images/change.png" alt="">
          <span>30天无忧退换货</span>
        </div>
        <div class="item flex y-center">
          <img src="../../images/car.png" alt="">
          <span>满88元免邮费</span>
        </div>
        <div class="item flex y-center">
          <img src="../../images/save.png" alt="">
          <span>优品汇品质保证</span>
        </div>
      </div>

      <div class="link containers text-center">
        <a href="">&nbsp;&nbsp;关于我们&nbsp;&nbsp;|</a>
        <a href="">&nbsp;&nbsp;帮助中心&nbsp;&nbsp;|</a>
        <a href="">&nbsp;&nbsp;售后服务&nbsp;&nbsp;|</a>
        <a href="">&nbsp;&nbsp;配送与验收&nbsp;&nbsp;|</a>
        <a href="">&nbsp;&nbsp;商务合作&nbsp;&nbsp;|</a>
        <a href="">&nbsp;&nbsp;企业采购&nbsp;&nbsp;|</a>
        <a href="">&nbsp;&nbsp;开放平台&nbsp;&nbsp;|</a>
        <a href="">&nbsp;&nbsp;搜索推荐&nbsp;&nbsp;|</a>
        <a href="">&nbsp;&nbsp;友情链接&nbsp;&nbsp;</a>
      </div>

      <div class="copyright text-center">
        CopyRight @ 优品汇 2015 - 2017
      </div>
    </div>
  </footer>
</body>

</html>